<template>
  <!--论文投稿-->
  <div>
    <carousel :autoplaySpeed="autoplaySpeed" :Img="Img"></carousel>
    <v_menu :title="data.title" :site="site"></v_menu>

    <Row :gutter="16" class="wrapper">
      <i-col span="19" class="content">
        <!--填写-->
        <!--        <fillIn @returnTitle="returnTitle"></fillIn>-->
        <!--开始评估-->
        <!--        <div class="beginToAssess">
                  <Button type="primary" size="large" @click="ok">开始评估</Button>
                </div>-->


        <router-link to="/ProofreadForTypos">
          <div class="lump">
            <img src="../../assets/img/u05-1.png" width="80"/>
            <span>错别字查找：自动查找文章中的错别字</span>
          </div>
        </router-link>
        <router-link to="/DocumentFormatCheck">
          <div class="lump">
            <img src="../../assets/img/u06-1.png" width="80"/>
            <span>文献格式检查：自动检查参考文献格式</span>
          </div>
        </router-link>
        <router-link to="/ManuscriptInnovationIndex">
          <div class="lump">
            <img src="../../assets/img/u07-1.png" width="80"/>
            <span>创新指数检查：自动判断稿件创新程度</span>
          </div>
        </router-link>


      </i-col>
      <i-col span="5" class="navigation">
        <ngn :data="data"></ngn>
      </i-col>
    </Row>

    <!--    <Modal v-model="modal1" width="360">
          <div style="text-align:center;font-size: 18px">
            请先上传稿件
          </div>
          <div slot="footer">
            <Button style="width: 80px;background: #2b369f;border: 1px solid #2b369f" type="info" size="small" @click="modal1=false">确定</Button>
          </div>
        </Modal>-->
  </div>
</template>

<script>
  import carousel from '../module/carousel'
  import ngn from '../module/ngn'
  import v_menu from '../module/menu'
  import fillIn from '../module/fillIn'
  import {bus} from "../bus";

  export default {
    components: {carousel, ngn, v_menu, fillIn},
    data() {
      return {
        activeIndex: 0,
        autoplaySpeed: 100000,
        Img: [{
          id: 1,
          imageLocation: require('../../assets/img/u69.jpg'),
          state: true,
          uri: "",
        }],
        site: '填写',
        data: {
          title: '投稿助手',
          list: [
            {list: '投稿流程', link: '/contributeProcess'},
            {list: '投稿指南', link: '/contributeGuide'},
          ]
        },
        title: '',
        modal1: false
      }
    },
    mounted() {
      window.scrollTo(0, 0);
    },
    methods: {
      returnTitle(data) {
        this.title = data
      },
      ok() {
        if (this.title) {
          this.$router.push({path: '/ProofreadForTypos'})
        } else {
          this.modal1 = true
        }
      }
    }
  }
</script>

<style scoped>
  a {
    color: #000;
  }
  /*主要内容*/
  .wrapper .content {
    border-right: 1px solid #ccc;
    min-height: 300px;
    padding-top: 20px;
    padding-left: 50px !important;
    padding-right: 200px !important;
  }

  .wrapper .navigation {
    padding-left: 0 !important;
  }

  .wrapper .content .lump {
    background: #f3f3f3;
    margin-bottom: 20px;
  }

  .wrapper .content .lump img {
    vertical-align: middle;
  }

  .wrapper .content .lump span {
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
  }



  /*错别字、文献、创新、投稿推荐*/
  .assess {
    text-align: center;
  }

  .assess .li {
    display: inline-block;
    width: 150px;
    height: 150px;
    margin: 0 50px;
    padding-top: 20px;
  }

  .assess .li img {
    width: 150px;
  }

  .assess .li .explain {
    text-align: center;
    position: relative;
    top: -95px;
    cursor: pointer;
  }

  .assess .li .explain > span:hover {
    color: #000;
  }

  .assess .li .explain > span {
    font-weight: bold;
    font-style: normal;
    font-size: 20px;
    color: #999999;
  }


  /*投稿流程、投稿指南*//*开始评估*/
  .contribute, .beginToAssess {
    text-align: center;
  }

  .contribute .ivu-btn, .beginToAssess .ivu-btn {
    margin: 20px 50px;
    background: #d71619;
    border-color: #d71619;
  }
</style>
